<br />
<div style="position:relative; margin:0 auto; width: 900px;">
	<ul class="smenu" id="smenu">
		<li>
			<a class="first" href="../BView/Expositions.php">
				<img width="30px" src="../BImage/Menu/Exposition.png"/>
				Expositions
			</a>
		</li>
		<li>
			<a href="../BView/Programme.php" class="">
				<img width="30px" src="../BImage/Menu/Programme.png"/>
				Programme
			</a>
		</li>
		<li>
			<a href="../BView/Concours.php" class="">
				<img width="30px" src="../BImage/Menu/Concours.png"/>
				Concours
			</a>
		</li>
		<li>
			<a href="../BView/AutourDuFestival.php" class="last">
				<img width="30px" src="../BImage/Menu/AutoutDuFestival.png"/>
				Autour du festival
			</a>
		</li>
	</ul>
</div>

<br />
<script type="text/javascript">
            $(function() {
                var d=1000;
                $('#menus span').each(function(){
                    $(this).stop().animate({
                        'top':'-17px'
                    },d+=250);
                });

                $('#menus > li').hover(
                function () {
                    var $this = $(this);
                    $('a',$this).addClass('hover');
                    $('span',$this).stop().animate({'top':'40px'},300).css({'zIndex':'10'});
                },
                function () {
                    var $this = $(this);
                    $('a',$this).removeClass('hover');
                    $('span',$this).stop().animate({'top':'-17px'},800).css({'zIndex':'-1'});
                }
            );
            });
</script>